<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<meta charset="UTF-8">
<title>Insert title here</title>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="css/base.css" rel="stylesheet" type="text/css">
<link href="css/reg.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/headbott.css" type="text/css" />
<link rel="stylesheet" href="css/ace.min.css" type="text/css" />
<link rel="stylesheet" href="css/toastr.css">
</head>
<body>
	<div id="header">
		<div class="heade-con">
			<div class="logo">
				<a href="index.do"><img src="images/LOGO.png" /></a>
			</div>
			<div class="nav posa">
				<ul>
					<li><a class="vcolor" href="index.html">首页</a></li>
					<li><a href="gyzc-list.do">公益众筹</a></li>
					<li><a href="cop.do">常见问题</a></li>
					<li><a href="ly-list.do">众筹资讯</a></li>
					<li><a href="new_product.do" style="">发布项目</a></li>
				</ul>
			</div>
			<div class="search">
				<form action="">
					<input type="text" class="search-txt" value="找项目"> <input
						type="submit" class="search-but" value="">
				</form>
			</div>
			<div class="index-login">
				<c:choose>
				<c:when test="${users==null}">
				<a href="login.do">			
				登录
				</a> 
				<span style="color: white;">|</span> 
				<a href="regist.do">注册</a>
				</c:when>
				<c:otherwise>
						<span style="color: white;"><a href="user.do">${users.userAccount}</a></span> 
						<span style="color: white;"><a href="Users/quit.do">退出</a></span> 
				</c:otherwise>
			</c:choose>
			</div>
		</div>
	</div>
	<div class="login-container">

		<div class="space-6"></div>

		<div class="position-relative">
			<div id="signup-box" class="signup-box widget-box no-border">
				<div class="widget-body">
					<div class="widget-main">
						<h4 class="header green lighter bigger">
							<i class="ace-icon fa fa-users blue"></i> 用户注册
						</h4>

						<div class="space-6"></div>
						<p>填写信息:</p>

						<form action="#">
							<fieldset>
								<label class="block clearfix"> <span
									class="block input-icon input-icon-left"> <input
										type="text" name="userEmail" id="user_email" class="form-control" placeholder="邮箱" /> <i
										class="ace-icon fa fa-envelope"></i>
								</span>
								</label> 
									<label class="block clearfix"> <span
									class="block input-icon input-icon-left"> <input
										type="text" name="userPhone" id="user_phone" class="form-control" placeholder="手机号码" /> <i
										class="ace-icon fa fa-envelope"></i>
								</span>
								</label> 
								<label class="block clearfix"> <span
									class="block input-icon input-icon-left"> <input
										type="text" name="userAccount" id="user_account" class="form-control" placeholder="用户名" /> <i
										class="ace-icon fa fa-user"></i>
								</span>
								</label> 
								<label class="block clearfix"> <span
									class="block input-icon input-icon-left"> <input
										type="password" name="userPassword" id="user_password1" class="form-control" placeholder="密码" /> <i
										class="ace-icon fa fa-lock"></i>
								</span>
								</label> 
								<label class="block clearfix"> <span
									class="block input-icon input-icon-left"> <input
										type="password" name="userPassword" id="user_password2" class="form-control" placeholder="确认密码" /> <i
										class="ace-icon fa fa-retweet"></i>
								</span>
								</label>
								<!--验证码-->
								<label class="block clearfix"> <span> <input
										type="text" class="" placeholder="验证码"  onblur="fun()" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
										<button class="btn btn-default" id="btn">
											<a>点击获取验证码</a>
										</button>
								</span>
								</label>  
								<label class="block"> <input type="checkbox"
									class="ace" /> <span class="lbl"> 接受 <a href="#">用户协议</a>
								</span>
								</label>

								<div class="space-24"></div>

								<div class="clearfix">
									<button type="reset" class="width-30 pull-left btn btn-sm">
										<i class="ace-icon fa fa-refresh"></i> <span
											class="bigger-110">重置</span>
									</button>

									<button type="button" id="btn_load"
										class="width-65 pull-right btn btn-sm btn-success">
										<span class="bigger-110">注册</span> <i
											class="ace-icon fa fa-arrow-right icon-on-right"></i>
									</button>
								</div>
							</fieldset>
						</form>
						<!--第三方-->
						<div class="social-or-login center">
							<span class="bigger-110">第三方登录</span>
						</div>

						<div class="space-6"></div>

						<div class="social-login center">
							<a href="#"> <img src="images/weixin.png">
							</a> <a href="#"> <img src="images/qq.png">
							</a> <a href="#"> <img src="images/sina.png">
							</a>
						</div>
					</div>

					<div class="toolbar center">
						<a href="login.html" data-target="#login-box"
							class="back-to-login-link"> <i
							class="ace-icon fa fa-arrow-left"></i> 返回登录
						</a>
					</div>
				</div>
				<!-- /.widget-body -->
			</div>
		</div>
	</div>

	<div id="bottom">
		<div class="bottom-ggt">
			<a href=""><img src="images/bottbom_68.jpg" alt="" /></a>
		</div>
		<div class="zc-yqlink">
			<ul>
				<li><a href="">阿里巴巴集团</a></li>
				<li><a href="">淘宝网</a></li>
				<li><a href="">天猫</a></li>
				<li><a href="">聚划算</a></li>
				<li><a href="">全球速卖通</a></li>
				<li><a href="">阿里巴巴国际交易市场</a></li>
				<li><a href="">1688</a></li>
				<li><a href="">阿里妈妈</a></li>
				<li><a href="">阿里旅行</a></li>
				<li><a href="">阿里云计算</a></li>
				<li><a href="">阿里巴巴集团</a></li>
				<li><a href="">淘宝网</a></li>
				<li><a href="">天猫</a></li>
				<li><a href="">聚划算</a></li>
				<li><a href="">全球速卖通</a></li>
				<li><a href="">阿里巴巴国际交易市场</a></li>
				<li><a href="">1688</a></li>
				<li><a href="">阿里妈妈</a></li>
				<li><a href="">阿里云计算</a></li>
			</ul>
		</div>
		<div class="footer-bd">

			<a href=" ">关于淘宝</a> <a href=" ">合作伙伴</a> <a href=" ">营销中心</a> <a
				href=" ">廉正举报</a> <a href=" ">联系客服</a> <a href=" ">开放平台</a> <a
				href=" ">诚征英才</a> <a href=" ">联系我们</a> <a href=" ">网站地图</a> <a
				href=" ">法律声明</a> <em>© 2003-2015 Taobao.com 版权所有</em><br> <br>
			<span>网络文化经营许可证：<a href=" ">浙网文[2013]0268-027号</a></span> <b>|</b> <span
				data-spm-protocol="i">增值电信业务经营许可证：<a href="">浙B2-20080224-1</a></span>
			<b>|</b> <span>信息网络传播视听节目许可证：1109364号</span> <b>|</b> <span>举报电话:0571-81683755</span>
		</div>
	</div>
</body>
<script type="text/javascript" src="js/jquery-1.42.min.js"></script>
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="js/toastr.js"></script>
<script type="text/javascript">
//点击获取验证码按钮将手机号码提交走，向该手机号码上发送验证码
$("#btn_load").click(function(){
	//获取用户输入的数据
	var user_email = $("#user_email").val();
	var user_phone = $("#user_phone").val();
	var user_account = $("#user_account").val();
	var user_password1 = $("#user_password1").val();
	var user_password2 = $("#user_password2").val();
	var code = $("#code").val();
	//声明正则表达式
	var reg_email =/^[0-9A-Za-z][\.-_0-9A-Za-z]*@[0-9A-Za-z]+(\.[0-9A-Za-z]+)+$/;
	var reg_phone =/^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/;
	var reg_account =/^[a-zA-Z0-9\u4E00-\u9FA5]{2,}$/;
	
	if(!reg_email.test(user_email)){
		toastr.warning("请填写正确的邮箱");
	}else if(!reg_phone.test(user_phone)){
		toastr.warning("请填写正确的手机号码");
	}else if(!reg_account.test(user_account)){
		toastr.warning("请输入正确的账号");
	}else if(user_password1!=user_password2){
		toastr.warning("两次密码不一致");
	}else{	
		zhuce(user_email,user_phone,user_account,user_password1);
	}
})
	
	
function zhuce(user_email,user_phone,user_account,user_password1){
	//提交请求
	$.ajax({
		type:"POST",
		url:"Users/add.do",
		data:{"userEmail":user_email,"userPhone":user_phone,"userAccount":user_account,"userPassword":user_password1},
		success:function(data){
			if(data==2){
				toastr.success("添加成功")
				setTimeout(function(){window.location.href="login.do"}, 500)
			}else{
				toastr.warning("用户已存在")
				setTimeout(function(){window.location.href="regist.do"}, 500)
			}
		},
		error:function(){
			toastr.error("请重试");
		}
		   })
}

/* $("#btn").click(function(){
	//获取手机号码
	var phone = $("#phone").val();
	//提交请求
	$.ajax({
		type:"POST",
		url:"crowd/getCode.do",
		data:{"phone":phone},
		
		success:function(data){
			//我们需要判断用户输入的验证码与生成的验证码是否一致，
			//我们可以将生成的验证码返回到jsp页面中进行判断,当点击提交按钮时判断
			return_code = data; 
		}
	})
}) */


</script>
</html>